import {createBrowserRouter} from "react-router-dom";
import GeekLayout from "@/pages/Layout";
import Login from "@/pages/Login";
import {AuthRoute} from "../utils/AuthRoute";

import {lazy, Suspense} from "react";

const Home = lazy(() => import('@/pages/Home'));
const Article = lazy(() => import('@/pages/Article'));
const Publish = lazy(() => import('@/pages/Publish'));

const router = createBrowserRouter([
    {
        path: '/',
        element: <AuthRoute> <GeekLayout/></AuthRoute>,
        children: [
            {
                index: true,
                element: <Suspense fallback={'加载中'}><Home/></Suspense>
            },
            {
                path: 'article',
                element: <Suspense fallback={'加载中'}><Article/></Suspense>
            },
            {
                path: 'publish',
                element: <Suspense fallback={'加载中'}><Publish/></Suspense>
            }
        ]
    },
    {
        path: 'login',
        element: <Login/>
    },
]);

export default router
